<template>
  <!-- 标签导航区 -->
  <div class="main-navigation">
    <button class="navigation-abel1">
    <i  class="iconfont icon-shouye-copy"></i>
    首页
    </button>
    <i class="iconfont icon-right-1-copy"></i>
    <button class="navigation-abel">个人信息</button>
    <i class="iconfont icon-right-1-copy"></i>
    <button class="navigation-abel">我的孩子</button>
  </div>
</template>

<script>

</script>

<style>
/* 页面 */


/* 标签导航区内容 */
.main-navigation {
  margin: 1.25rem;
  display: flex;
  margin: 0 28.125rem 0 28.125rem;
  flex-direction: row;
}
.icon-shouye-copy{
  color: rgb(202, 160, 166);
  font-size: 1.5625rem;
  margin-right: .1875rem;
}
.icon-right-1-copy{
  color:darkgray;
  font-size: 1.5625rem;
  padding: .4375rem;
}
.navigation-abel1{
  width: 6.25rem;
  border-radius: 1.5625rem;
  border: 0rem; 
  padding: .625rem;
  line-height: .9375rem;
  font-size: 1.25rem;
}

/* 导航标签 */
.navigation-abel {
   line-height: 1.5625rem;
  font-size: 1.25rem;
  border-radius: 1.5625rem;
  padding: .5rem 1.3125rem .5rem 1.375rem;
  border: 0rem;
  background: #f2e5e5;
}

</style>